﻿body {
	font-family: Segoe UI, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	position: relative;
}

a {
	text-decoration: none;
	color: #1b7fa9;
}

blockquote{margin:0 0 18px 4px;padding:0 16px;font-style:italic;border-left:5px solid #a50000;color:#808080}

.fl {
	float: left;
}

.fr {
	float: right;
}

.middle {
	vertical-align: middle;
}

.clear {
	clear: both;
}

hr {
	width: 100%;
	height: 1px;
	border-bottom: 0;
	color: #e6e6e6;
	margin-bottom: 20px
}

.hide {
	display: none;
}

#header {
	height: 73px;
	background: url(../images/top_bg.png) bottom repeat-x;
	padding: 0 20px;
}

h1#install_title {
	line-height: 73px;
	background: transparent url(../images/logo.png) left center no-repeat;
	padding-left: 200px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #62a4a9;
	display: inline-block;
}

#language {
	margin-top: 30px;
	height: 16px;
	font-size: 12px;
	position: relative;
	text-align: right;
	color: #fff;
}

.language_head {
	font-weight: 700;
	cursor: pointer;
	color: #fff;
	padding: 2px 0;
	border: 1px solid #ccc;
}

.language_head img {
	vertical-align: middle;
}

.language_body {
	z-index: 10000;
	position: absolute;
	top: 20px;
	right: 0;
	display: none;
	width: 180px;
	border-top: 0;
}

.language_body li {
	position: relative;
	z-index: 10001;
	background: #ffffff;
	border-bottom: 1px solid #fff;
	height: 20px;
	line-height: 20px;
	text-align: left;
}

.language_body li.alt {
	background: #362f2d;
}

.language_body li a {
	z-index: 10002;
	color: #000;
	text-decoration: none;
	padding-left: 10px;
}

.language_body li a:hover {
	color: #ff0000;
}

.language_body img {
	border: none;
	position: absolute;
	top: 2px;
	right: 10px;
}

.version {
	text-transform: lowercase;
}

#install_area {
	background: url(../images/left_bg.png) left top repeat-y;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}

#step_bar {
	width: 228px;
	margin-left: -100%;
}

#step_bar li {
	line-height: 32px;
	padding-right: 22px;
	margin-left: 20px;
	background: url(../images/blank_step_icon.png) right center no-repeat;
	font-size: 14px;
	font-family: Segoe UI, Tahoma, sans-serif;
}

#step_bar li .number {
	color: #999;
	margin-right: 10px;
	font-weight: normal !important;
	font-size: 13px;
}

#step_bar li.passed_step {
	font-weight: bold;
	background: url(../images/pass_step_icon.png) right center no-repeat;
}

#step_bar li.current_step {
	font-weight: bold;
	background: url(../images/current_step_icon.png) right center no-repeat;
	color: #f58e32;
}

#step_content_wrapper {
	width: 100%;
	z-index: 1;
}

#step_content {
	z-index: 2;
	margin: 0 20px;
	border: 1px solid #e6e6e6;
	padding: 3px 10px 5px;
	margin-left: 250px;
}

div.step_content_title {
	z-index: 3;
	font-size: 16px;
	line-height: 2.4;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
	color: #3a9705;
}

.control_t li {
	height: 27px;
	background: url(../images/button_left_corner.png) left center no-repeat;
	padding-left: 15px;
	margin: 0 3px;
	float: left;
}

.control_t li span {
	height: 27px;
	background: url(../images/button_right_corner.png) right center
		no-repeat;
	display: block;
	float: left;
	padding-right: 11px;
}

.control_t li span.back_step {
	background: url(../images/button_right_back_corner.png) right center
		no-repeat;
	padding-right: 26px;
}

.control_t li span.next_step {
	background: url(../images/button_right_next_corner.png) right center
		no-repeat;
	padding-right: 26px;
}

.control_t li span.okay {
	background: url(../images/button_right_okay_corner.png) right center
		no-repeat;
	padding-right: 26px;
}

.control_t li span.home {
	background: url(../images/button_right_home_corner.png) right center
		no-repeat;
	padding-right: 26px;
}

.control_t li span a {
	height: 27px;
	line-height: 27px;
	background: url(../images/button_center_bg.png) left center repeat-x;
	display: block;
	float: left;
	color: #333;
	text-decoration: none;
}

.control_t li span a:hover {
	color: #000;
}

.block {
	width: 100%;
}

.content {
	font-family: Tahoma, sans-serif;
}

.content p {
	font-family: Tahoma, sans-serif;
	margin-bottom: 10px;
}

.content h3 {
	font-size: 14px;
	font-family: Tahoma, sans-serif;
	margin-bottom: 10px;
}

#footer {
	font-family: Tahoma, sans-serif;
	padding: 10px 20px;
	color: #666;
	background: url(../images/vinades.png) 20px 12px no-repeat;
}

#footer p {
	margin-left: 40px;
}

.txt,.button,.area,.select {
	border: 1px solid #e6e6e6;
}

.button {
	background: url('../images/button_center_bg.png') repeat-x left center;
	cursor: pointer;
	padding: 2px 5px;
}

.select {
	padding: 1px
}

.choose_lang_en {
	background: url(../images/us-uk.png) 2px 0px no-repeat;
	padding-left: 20px;
	margin: 5px 0;
}

.choose_lang_vi {
	background: url(../images/vn.png) 2px 0px no-repeat;
	padding-left: 20px;
	margin: 5px 0
}

.highlight_green {
	color: #449a05;
}

.highlight_red {
	color: #a50000;
}

.highlight {
	background: #fdf6e9;
	border: 1px solid #ffd6aa;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.install_succesfull {
	font-size: 18px;
	color: #a50000;
}

ul.lc li {
	margin-left: 30px;
}

ul.lc li li {
	margin-left: 20px;
}

ul.lc li .nb {
	margin-left: -20px;
	width: 20px;
	display: inline-block;
	font-weight: bold;
}

.test {
	border: 1px solid #ccc;
	cursor: pointer;
}

.selectbox-wrapper {
	border: 1px solid red;
	cursor: pointer;
}

.text_normal {
	text-transform: none;
	font-weight: normal !important;
	letter-spacing: normal;
	font-size: 12px !important;
}

.error {
	color: #a50000;
}

.center{
	text-align:center;
}

/* INFO BOX */
div.infook, div.infoerror, div.infoalert {
	padding: 10px;
	margin: 5px 0;
	line-height: 1.5em;
	text-align: center;
}
div.infook {
	border-top: 1px solid #6C6;
	border-bottom: 1px solid #6C6;
	background-color: #CFC;
}
div.infoerror {
	border-top: 1px solid #C33;
	border-bottom: 1px solid #C33;
	background-color: #F66;
	color: white;
}
div.infoalert {
	border-top: 1px solid #9CF;
	border-bottom: 1px solid #9CF;
	background-color: #C5DEFA;
}
div.infook a, div.inerror a, div.infoalert a {
	text-decoration: underline;	
}
div.infoerror a {
	color: #fff;
	text-decoration: underline;	
}

.all-work{
	height:370px;
	overflow:auto;
}

.current-work{
	height:370px;
	overflow:auto;
}

.current-work .data{
	padding:0 10px;
	text-align:center;
}

.workitem {
	padding:5px;
	display:block;
	border-bottom: 1px solid #C1DAD7;
	padding-left:25px;
	background:url('../images/pending.png') no-repeat 5px center;
	font-size:11px;
}

.ierror{
	background:url('../images/error.png') no-repeat 5px center;
}

.iok{
	background:url('../images/outgroup.png') no-repeat 5px center;
}

.iwarn{
	background:url('../images/warning.png') no-repeat 5px center;
}

.iload{
	background:url('../images/load.gif') no-repeat 5px center;
}
